<template>
  <footer class="text-white py-16 bg-gray-900">
    <div class="mx-auto px-4 container">
      <div class="mb-8 gap-8 grid grid-cols-1 lg:grid-cols-4 md:grid-cols-2">
        <!-- Company Info -->
        <div class="space-y-4">
          <div class="flex items-center space-x-2">
            <div class="bg-gradient-to-r rounded-lg flex h-8 w-8 items-center justify-center from-blue-500 to-purple-600">
              <i class="i-carbon-solar-panel text-white" />
            </div>
            <span class="text-lg font-bold">旭明智能科技</span>
          </div>
          <p class="text-gray-400 leading-relaxed">
            专业光伏设备制造商，致力于为企业打造科技新工厂，共促发展可持续。
          </p>
          <div class="flex space-x-4">
            <a href="#" class="text-gray-400 transition-colors hover:text-blue-400">
              <i class="i-carbon-logo-wechat text-xl" />
            </a>
            <a href="#" class="text-gray-400 transition-colors hover:text-blue-400">
              <i class="i-carbon-phone text-xl" />
            </a>
            <a href="#" class="text-gray-400 transition-colors hover:text-blue-400">
              <i class="i-carbon-email text-xl" />
            </a>
          </div>
        </div>

        <!-- Products -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold">
            产品中心
          </h3>
          <ul class="text-gray-400 space-y-2">
            <li><a href="#" class="transition-colors hover:text-white">整线设备</a></li>
            <li><a href="#" class="transition-colors hover:text-white">串焊机系列</a></li>
            <li><a href="#" class="transition-colors hover:text-white">涂胶设备</a></li>
            <li><a href="#" class="transition-colors hover:text-white">光伏连接器</a></li>
            <li><a href="#" class="transition-colors hover:text-white">备品备件</a></li>
          </ul>
        </div>

        <!-- Services -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold">
            服务支持
          </h3>
          <ul class="text-gray-400 space-y-2">
            <li><a href="#" class="transition-colors hover:text-white">技术支持</a></li>
            <li><a href="#" class="transition-colors hover:text-white">售后服务</a></li>
            <li><a href="#" class="transition-colors hover:text-white">备件供应</a></li>
            <li><a href="#" class="transition-colors hover:text-white">培训服务</a></li>
            <li><a href="#" class="transition-colors hover:text-white">解决方案</a></li>
          </ul>
        </div>

        <!-- Contact -->
        <div class="space-y-4">
          <h3 class="text-lg font-semibold">
            联系我们
          </h3>
          <div class="text-gray-400 space-y-3">
            <div class="flex items-start space-x-2">
              <i class="i-carbon-location text-blue-400 mt-1" />
              <span>中国 · 江苏省</span>
            </div>
            <div class="flex items-center space-x-2">
              <i class="i-carbon-phone text-blue-400" />
              <span>400-xxx-xxxx</span>
            </div>
            <div class="flex items-center space-x-2">
              <i class="i-carbon-email text-blue-400" />
              <span>info@xuming-solar.com</span>
            </div>
            <div class="flex items-center space-x-2">
              <i class="i-carbon-time text-blue-400" />
              <span>7×24小时服务</span>
            </div>
          </div>
        </div>
      </div>

      <!-- Bottom Bar -->
      <div class="pt-8 border-t border-gray-800 flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0">
        <div class="text-sm text-gray-400">
          © 2025 旭明智能科技有限公司. 保留所有权利.
        </div>
        <div class="text-sm text-gray-400 flex space-x-6">
          <a href="#" class="transition-colors hover:text-white">隐私政策</a>
          <a href="#" class="transition-colors hover:text-white">使用条款</a>
          <a href="#" class="transition-colors hover:text-white">网站地图</a>
        </div>
      </div>
    </div>
  </footer>
</template>
